<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link href="../css/myorder.css" rel="stylesheet">
    <link rel="stylesheet" href="../res/layui/css/layui.css" media="all">
    <script src="../res/layui/layui.js" charset="utf-8"></script>
    <style>
        .layui-laypage-default{
            margin-left: 380px;
            margin-top: 40px;

        }
        .layui-laypage .layui-laypage-curr .layui-laypage-em{
            background-color: #5f5d5d;
        }
    </style>
</head>
<body>

<!--====背景-->
<div class="bg">
    <!--最上面的导航-->
    <div class="shortcut-2014">
        <div class="w">
            <ul class="fr">
                <li class="fore1 fore1zidingyi" id="ttbar-login">
                    <a href="" class="link-login">你好，请登录</a>
                    &nbsp;&nbsp;
                    <a href="" class="link-regist style-red">免费注册</a>
                </li>
                <!--<li class="spacer"></li>-->
                <li class="fore2">
                    <div class="dt">
                        <a href="" target="_blank">我的订单</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <div id="o-header-2013">
        <div id="header-2013" style="display:none;"></div>
    </div>

    <!-- 下面的带 logo 的部分 -->
    <div id="nav">
        <div class="w">

            <!-- logo 部分 -->
            <div class="logo">
                <a href="" class="fore11" target="_blank"></a>
                <a href="" class="fore22" target="_blank">我的树懒</a>
                <a href="" class="fore33" target="_blank">返回树懒首页</a>
            </div>

            <!-- 我的购物车部分样式 -->
            <div class="nav-r zidingyiright">
                <div id="settleup-2014" class="dorpdown">
                    <div class="cw-icon" id="zidingyi">
                        <i class="ci-left"></i>
                        <i class="ci-right">></i>
                        <!--<i class="ci-count" id="shopping-amount">28</i>-->
                        <a href="" target="_blank">我的购物车</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="head">
        <div class="myorder">
            <div class="head-nav">
                <ul>
                    <li><a href="">全部订单</a> </li>
                    <li><a href="">待付款</a> </li>
                    <li><a href="">待支付</a> </li>
                    <li><a href="">待收货</a> </li>

                </ul>
            </div>
            <div class="search-right">

                <form action="" class="search-form">
                    <input type="text" class="keyword" placeholder="商品名称/商品订单号">
                    <a href=""  class="search-btn">搜索</a>
                </form>

            </div>



        </div>

        <!--  订单详情-->
        <div class="cart-head">

            <div class="head-goods">订单详情 </div>
            <div class="head-right">收货人 </div>
            <div class="head-right">金额</div>
            <div class="head-right">订单状态 </div>
            <div class="head-right">操作 </div>
        </div>
        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
        <div class="goods-detail">
            <!-- 左边（图片名称）-->
            <div class="goods-left">
                <div class="ordertime">
                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                    <span>订单编号：</span>

                    <span>1313123123123</span>
                </div>
                <div class="number">x1</div>
                <a href="" class="goods-img">
                    <img src="../images/shouji123.jpg">
                </a>
                <a href="" class="goods-name">
                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

            </div>


            <!-- 右边（价格操作）-->
            <div class="goods-right">
                <div class="cell cart-name"> <span>王勤来</span></div>
                <div class="cell unit-price">
                    <span>￥</span>
                    <span>5999</span>
                </div>



                <div class="cell cart-status">
                    <a href="">已完成</a>
                </div>
                <div class="cell cart-delete">
                    <a href="">删除</a>
                    <a href="">订单详情</a>
                </div>

            </div>
        </div><!---------------->

        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
        <div class="goods-detail">
            <!-- 左边（图片名称）-->
            <div class="goods-left">
                <div class="ordertime">
                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                    <span>订单编号：</span>

                    <span>1313123123123</span>
                </div>
                <div class="number">x1</div>
                <a href="" class="goods-img">
                    <img src="../images/shouji123.jpg">
                </a>
                <a href="" class="goods-name">
                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

            </div>


            <!-- 右边（价格操作）-->
            <div class="goods-right">
                <div class="cell cart-name"> <span>王勤来</span></div>
                <div class="cell unit-price">
                    <span>￥</span>
                    <span>5999</span>
                </div>



                <div class="cell cart-status">
                    <a href="">已完成</a>
                </div>
                <div class="cell cart-delete">
                    <a href="">删除</a>
                </div>

            </div>
        </div><!---------------->
        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
        <div class="goods-detail">
            <!-- 左边（图片名称）-->
            <div class="goods-left">
                <div class="ordertime">
                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                    <span>订单编号：</span>

                    <span>1313123123123</span>
                </div>
                <div class="number">x1</div>
                <a href="" class="goods-img">
                    <img src="../images/shouji123.jpg">
                </a>
                <a href="" class="goods-name">
                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

            </div>


            <!-- 右边（价格操作）-->
            <div class="goods-right">
                <div class="cell cart-name"> <span>王勤来</span></div>
                <div class="cell unit-price">
                    <span>￥</span>
                    <span>5999</span>
                </div>



                <div class="cell cart-status">
                    <a href="">已完成</a>
                </div>
                <div class="cell cart-delete">
                    <a href="">删除</a>
                </div>

            </div>
        </div><!---------------->

        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
        <div class="goods-detail">
            <!-- 左边（图片名称）-->
            <div class="goods-left">
                <div class="ordertime">
                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                    <span>订单编号：</span>

                    <span>1313123123123</span>
                </div>
                <div class="number">x1</div>
                <a href="" class="goods-img">
                    <img src="../images/shouji123.jpg">
                </a>
                <a href="" class="goods-name">
                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

            </div>


            <!-- 右边（价格操作）-->
            <div class="goods-right">
                <div class="cell cart-name"> <span>王勤来</span></div>
                <div class="cell unit-price">
                    <span>￥</span>
                    <span>5999</span>
                </div>



                <div class="cell cart-status">
                    <a href="">已完成</a>
                </div>
                <div class="cell cart-delete">
                    <a href="">删除</a>
                </div>

            </div>
        </div><!---------------->
        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
        <div class="goods-detail">
            <!-- 左边（图片名称）-->
            <div class="goods-left">
                <div class="ordertime">
                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                    <span>订单编号：</span>

                    <span>1313123123123</span>
                </div>
                <div class="number">x1</div>
                <a href="" class="goods-img">
                    <img src="../images/shouji123.jpg">
                </a>
                <a href="" class="goods-name">
                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

            </div>


            <!-- 右边（价格操作）-->
            <div class="goods-right">
                <div class="cell cart-name"> <span>王勤来</span></div>
                <div class="cell unit-price">
                    <span>￥</span>
                    <span>5999</span>
                </div>



                <div class="cell cart-status">
                    <a href="">已完成</a>
                </div>
                <div class="cell cart-delete">
                    <a href="">删除</a>
                </div>

            </div>
        </div><!---------------->

        <div id="demo0"></div>
        <script>
            layui.use(['laypage', 'layer'], function(){
                var laypage = layui.laypage
                    ,layer = layui.layer;

                //总页数低于页码总数
                laypage.render({
                    elem: 'demo0'
                    ,count: 70 //数据总数
                });
            })</script>

    </div>

    <!--下方提示信息-->
    <div id="cmsfooter">
        <div id="service-2017">
            <!-- 多快好省 -->
            <div class="w hhzidingyi">
                <ol class="slogen">
                    <li class="item ">
                        <i>多</i>
                        品类齐全，轻松购物
                    </li>
                    <li class="item fore2">
                        <i>多</i>
                        多仓发货，极速配送
                    </li>
                    <li class="item fore3">
                        <i>好</i>
                        正品行货，精致服务
                    </li>
                    <li class="item fore4">
                        <i>省</i>
                        天天低价，畅选无忧
                    </li>
                </ol>
            </div>
            <!--下面的信息-->
            <div class="shulan-help">
                <div class="w hhzidingyi">
                    <div class="tishixinxi">
                        <span class="zititishixinxi">欢迎使用树懒商城，为您提供高质量的服务，是我们商城最高的追求！</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</div>

</body>
</html>